// Make wrapper ul behave like the grid
body .pl-thumbnails, 
body .gallery{
	margin-left: -@gridGutterWidth;
	list-style: none;
	
	.clearfix();
	> li{
	  float: left; // Explicity set the float since we don't require .span* classes
	  margin-bottom: @baseLineHeight;
	  margin-left: @gridGutterWidth;
	}
	// The actual thumbnail (can be `a` or `div`)
	.thumbnail, .gallery-icon a {
		display: block;
		padding: 4px;
		line-height: @baseLineHeight;
		border: 1px solid @baseContrast;
		.border-radius(4px);
		.box-shadow(0 1px 3px rgba(0,0,0,.055));
		.transition(all .2s ease-in-out);
		&[href]:hover{
			border-color: @linkColor;
			.box-shadow(0 1px 4px rgba(0,105,214,.25));
		}
		> img {
		  display: block;
		  max-width: 100%;
		  margin-left: auto;
		  margin-right: auto;
		}
		.caption, .gallery-caption {
		  padding: 9px;
		  color: @textColorAlt;
		}
	}
	
}
#gallery-1 img {
	border: none!important;
}
.gallery-icon{
	display: inline-block;
}
// Fluid rows have no left margin
.row-fluid .thumbnails {
  margin-left: 0;
}
